
		<div id="homePage">
			<header>
				<div class="saoyisao">
					<img src="images/img/saoyisao.png" alt="" />
					<p>扫一扫</p>
				</div>
				<div class="shouhuodizhi">
					<h3>软件园附近</h3>
				</div>
				<div class="sousuo">
					<img src="images/img/fangdajiang.png" alt="" />
					<p>搜索</p>
				</div>
			</header>
			
			<div class="homePage1">
				<!--<div class="homePage2">
					<img src="http://img01.bqstatic.com//upload/activity/2016091915021646.jpg@90Q" alt="" />
				</div>-->
				<div class="homePage2" ng-controller="shouyeCtrl">
			      	<my-swiper imgs='reclist'>
					
			     	</my-swiper>
			    </div>
				<div class="empty"></div>
				<div class="homePage3">
					<ul>
		<!--利用angular框架获取数据，并克隆添加到li上，原来的结构全是li-->
						<li ng-repeat="m in data.menu"><a href="#"><img ng-src="{{m.activity.img}}"><p>{{m.activity.name}}</p></a></li>
					</ul>
				</div>
				<div class="empty"></div>
				<div class="homePage4">
					<img src="images/toutiao1.jpg" alt="" /><a href="#">3M防霾口罩22.8元/三只 1小时闪送</a>
				</div>
				<div class="empty"></div>
				<div class="homePage5">
					<dl>
						<dt>骑士酸牛奶</dt>
						<dd>尝鲜价$100</dd>
						<dd><img src="images/img/milk_3.jpg" alt="" /></dd>
					</dl>
					<dl>
						<dt>骑士酸牛奶</dt>
						<dd>尝鲜价$100</dd>
						<dd><img src="images/img/milk_3.jpg" alt="" /></dd>
					</dl>
					<dl>
						<dt>骑士酸牛奶</dt>
						<dd>尝鲜价$100</dd>
						<dd><img src="images/img/milk_3.jpg" alt="" /></dd>
					</dl>
				</div>
				<div class="empty"></div>
				<div class="homePage6">
					<div class="homePage6_">
						<div class="homePage6-1">
							<h2>天天特价</h2>
							<h3>农夫山泉水0.9元</h3>
						</div>
						<div class="homePage6-2">
							<img src="images/QQ图片20170615202224.jpg">
						</div>
					</div>
					<div class="homePage6_">
						<div class="homePage6-1">
							<h2>天天特价</h2>
							<h3>农夫山泉水0.9元</h3>
						</div>
						<div class="homePage6-2">
							<img src="images/QQ图片20170615202224.jpg">
						</div>
					</div>
					<div class="homePage6_">
						<div class="homePage6-1">
							<h2>天天特价</h2>
							<h3>农夫山泉水0.9元</h3>
						</div>
						<div class="homePage6-2">
							<img src="images/QQ图片20170615202224.jpg">
						</div>
					</div>
					<div class="homePage6_">
						<div class="homePage6-1">
							<h2>天天特价</h2>
							<h3>农夫山泉水0.9元</h3>
						</div>
						<div class="homePage6-2">
							<img src="images/QQ图片20170615202224.jpg">
						</div>
					</div>
				</div>
				<div class="empty"></div>
				<div class="homePage7">
					<div class="homePage7-1">
						<h2><div class="shuxian" style="background: #f38631;"></div>&nbsp;天天特价</h2>
						<a href="#/shopping">更多 &nbsp; &nbsp;<img src="images/背景.jpg" alt="" /></a>
					</div>
					<div class="homePage7-2">
						<img src="images/img/jiushui_banner.jpg" alt="" />
					</div>
					<div class="homePage7-3">
					<!--这里用了angular来添加ul里面的内容，通过循环-->
							<ul ng-repeat="s in shop" ng-if="$index < 3">
								<li><img ng-src="{{s.img}}" ></li>
								<li>{{s.name}}</li>
								<li><span>精选</span><span>{{s.pm_desc}}</span></li>
								<li>{{s.specifics}}</li>
								<li>￥{{s.price}}<s>￥{{s.market_price}}</s></li>
								<img src="images/jiahao.jpg" class="jiahao">
							</ul>
					<!--下面是用angular之前的样子-->
							<!--<ul>
								<li><img src="images/li.jpg"></li>
								<li>蜂蜜，15度蜜梨</li>
								<li><span>精选</span><span>买一赠一</span></li>
								<li>400-500g/盒</li>
								<li>14.6<s>￥16</s></li>
							</ul>
							<ul>
								<li><img src="images/li.jpg"></li>
								<li>蜂蜜，15度蜜梨</li>
								<li><span>精选</span><span>买一赠一</span></li>
								<li>400-500g/盒</li>
								<li>14.6<s>￥16</s></li>
							</ul>-->
					</div>
				</div>
				
				<div class="empty"></div>
				<div class="homePage7">
					<div class="homePage7-1">
						<h2 style="color: #20B1FA;"><div class="shuxian"></div>&nbsp;优选水果</h2>
						<a href="#/shopping">更多 &nbsp; &nbsp;<img src="images/背景.jpg" alt="" /></a>
					</div>
					<div class="homePage7-2">
						<img src="images/img/jiushui_banner.jpg" alt="" />
					</div>
					<div class="homePage7-3">
					<!--这里用了angular来添加ul里面的内容，通过循环-->
							<ul ng-repeat="s in shop" ng-if="$index < 6 && $index > 2">
								<li><img ng-src="{{s.img}}" ></li>
								<li>{{s.name}}</li>
								<li><span>精选</span><span>{{s.pm_desc}}</span></li>
								<li>{{s.specifics}}</li>
								<li>￥{{s.price}}<s>￥{{s.market_price}}</s></li>
								<img src="images/jiahao.jpg" class="jiahao">
							</ul>
					</div>
				</div>
				
				<div class="empty"></div>
				<div class="homePage7">
					<div class="homePage7-1">
						<h2 style="color: #7b4d03;"><div class="shuxian" style="background: #7b4d03;"></div>&nbsp;牛奶面包</h2>
						<a href="#/shopping">更多 &nbsp; &nbsp;<img src="images/背景.jpg" alt="" /></a>
					</div>
					<div class="homePage7-2">
						<img src="images/img/jiushui_banner.jpg" alt="" />
					</div>
					<div class="homePage7-3">
					<!--这里用了angular来添加ul里面的内容，通过循环-->
							<ul ng-repeat="s in shop" ng-if="$index < 9 && $index > 5">
								<li><img ng-src="{{s.img}}" ></li>
								<li>{{s.name}}</li>
								<li><span>精选</span><span>{{s.pm_desc}}</span></li>
								<li>{{s.specifics}}</li>
								<li>￥{{s.price}}<s>￥{{s.market_price}}</s></li>
								<img src="images/jiahao.jpg" class="jiahao">
							</ul>
					</div>
				</div>
			</div>	
		</div>